<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>一隅立画</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<!-- <link rel="stylesheet" type="text/css" href="./css/base.css"/> -->
		<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="./css/clause.css" />
		<link rel="stylesheet" type="text/css" href="./css/basestyle.css" />
		<script src="js/head.js" type="text/javascript"></script>
		<script src="js/xshead.js" type="text/javascript"></script>
		<script src="js/base.js"></script>
	</head>
	<body>
		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div id="Official" class="warp">
							<div ref="tippopup" style="display: none;">
								<div class="nowrace">
									<p v-show="languagestatus == 1">条款和声明</p>
									<p v-show="languagestatus == 2">Terms and statements</p>
								</div>
								<div class="nowracewarp">
									<div v-show="languagestatus == 1" v-html="statementcontent"></div>
									<div v-show="languagestatus == 2" v-html="statementEcontent"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.min.js"></script>
		<script type="text/javascript">
			let Official = new Vue({
				el:'#Official',
				data:{
					languagestatus:'',
					statementcontent:'',
					statementEcontent:''
				},
				created:function() {
					if (sessionStorage.getItem('languagestatus')) {
						let languagestatus = sessionStorage.getItem('languagestatus')
						this.languagestatus = languagestatus
					}
					this.getclauseinfo()
				},
				mounted:function() {
					this.$refs.tippopup.style.display = 'block'
				},
				methods:{
					getclauseinfo:function(){
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.index/bottom',{
							
						})
						.then((res) =>{
							if(res.data.code == 1){
								that.statementEcontent = res.data.data.statementEcontent
								that.statementcontent = res.data.data.statementcontent
								console.log(res)
							}
						})
					}
				}
			})
		</script>
	</body>
</html>
